<template>
<div :class="$style.container">
  <div :class="$style.search" @click.stop="focus">
    请输入搜索关键词
  </div>
</div>
</template>

<script>
import { Group, XInput } from 'vux'
export default {
  components: {
    Group,
    XInput
  },
  methods: {
    focus () {
      this.$router.push({
        path: '/search'
      })
    }
  }
}
</script>

<style lang='less' module>
.container {
  .search {
    padding-left: 20px;
    box-sizing: border-box;
    width: 355px;
    height:40px;
    line-height: 40px;
    border-radius: 20px;
    background: #fff;
    color:#aab2bd;
  }
}

</style>